<template>
  <!-- 主页的备案号 -->
  <!-- 备案号 样式名为record -->
  <div style="width: 600px; margin: 0 auto; padding: 15px 0">
    <!-- 公安备案 -->
    <img src="../image/备案图标.png" />
    <a
      target="_blank"
      href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35012202350223"
      style="
        display: inline-block;
        text-decoration: none;
        height: 20px;
        line-height: 20px;
      "
      ><img src="" style="float: left" />
      <p
        style="
          float: left;
          height: 20px;
          line-height: 20px;
          margin: 4px 0px 0px 5px;
          color: #939393;
        "
      >
        {{ p.PubliceSecurity }}
      </p></a
    >

    &nbsp;|&nbsp;
    <!-- ICP备案 -->
    <a
      target="_blank"
      href="http://beian.miit.gov.cn/"
      style="
        display: inline-block;
        text-decoration: none;
        height: 20px;
        line-height: 20px;
      "
      >{{p.ICP}}</a
    >
  </div>
</template>

<script>
import { getPublciICP } from "../api/public";
export default {
  mounted() {
    getPublciICP().then(({ data }) => {
      this.p.ICP = data.data.icp
        this.p.PubliceSecurity = data.data.publiceSecurity
    });
  },
  data() {
    return {
      p: {
        ICP: "",
        PubliceSecurity: "",
      },
    };
  },
};
</script>

<style>
/* 备案号的样式 */
.record {
  width: 1500px;
  background-color: floralwhite;
  margin-left: 10px;
  text-align: center;
}
</style>